@charset "utf-8";

$font:14px Microsoft YaHei;

@mixin timeStyle{
  background: #20c1dc  !important;
  color: #fefefe;
  border-color: #20c1dc  !important;
}
@mixin timeA($width : auto){
  min-width: $width;
  padding: 0 10px;
  height: 30px;
  font: 12px/30px Microsoft YaHei;
  border-radius: 3px !important;
  background-color: white;
  border: 1px solid #ddd;
  text-align: center;
  display: inline-block;
}
.outageStatus>a.jstree-anchor {
  color: #ccc;
}
.TimeActive {
  @include timeStyle
}
.icon-sub {
	color:#b400ff;
	font-size:28px;
}
.jstree-default .jstree-wholerow-clicked, .jstree-default .jstree-clicked {
    background: #EBEEF4 !important;
}
.displayNone {
    display: none !important;
}
.paddingZero {
	padding:0 !important;
}
.portlet.light {
    overflow: hidden;
	background: #EBEEF3;
    padding: 55px 0 0 0;
    &> .portlet-title{
     margin-bottom: 0;
   	 margin-top: -55px;
    }
    .portlet-body {
	    height: 100%;
	    padding: 10px;
    }

  .headerTime {
      font: $font;
      background: #fff;
    padding: 10px;
      &>.leftTime {
        a {
         @include timeA(80px);
          margin-right: 10px;
        }
        &>a:hover {
          @include timeStyle
        }
      }
      .refresh {
        @include timeA();
        width: 60px;
        padding: 0 !important;
      }
    }

    .bodyTask {
      .left_er {
      	    background: #fff;
    		position: inherit;
        h3.showTime {
          font: 12px Microsoft YaHei;
          padding: 10px;
        }
        .taskSearch {
         margin: 10px;
         position: relative;
          &>input {
            height: 30px;
            width: 100%;
          }
          &>i {
            position: absolute;
            right: 9px;
            top: 8px;
          }
           &>i {
            position: absolute;
            right: 9px;
            top: 8px;
          }
        }
        .taskUtil {
          position: relative;
          .taskAdd {
            position: absolute;
            top: 4px;
            right: 10px;
            z-index: 100;
            width: 30px;
            height: 20px;
            padding: 0;
          }
        }
      }

      .right_er {
        margin-left: 190px;
        background: #fff;
        padding: 10px;
        .erBox {
          height: calc(100% - 50px);
        }
      }
    }

}

